import React from 'react'
import {
  autorun,
  observable,
  getObservableMaker,
  observe,
  define,
  reaction,
} from '@formily/reactive'

const shadowObs = observable.shallow({ o1: { v1: 1 } })

autorun(() => {
  console.log('shadowObs.o1.v1: ', shadowObs.o1)
  // console.log('shadowObs.o1.v1: ', shadowObs.o1.v1)
})

setTimeout(() => {
  shadowObs.o1 = { v1: 2 }
}, 1000)

export default () => <div>shadow-test</div>
